<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webworker</title>
    
</head>
<body>
    <input type="text" id="num" />
    <button onclick="comput()">计算</button>
</body>
</html>
<script>
    /**
     * webworker是HTML5提供的一个js多线程解决方案
     * 大的计算任务由webworker完成可以防止冻结页面
     * 子线程完全受主线程控制，且不能操作DOM
     * ！这个新标准并没有改变JS是单线程的本质
     * 
     * 
     */
    
    function comput() {
        var num = document.getElementById('num').value
        var worker = new Worker('../js/worker.js')
        worker.onmessage = function (event) {
            alert(event.data)
        }
        worker.postMessage(num)
    }
    
    
</script>
